//less里的注释 通过//
//一.注释
//1.是less的注释 不会被编译出来
//2.css注释,通过less会写css的注释,会被编译出来

//二.元素的嵌套语法

.container {
    width: 300px;
    height: 300px;
    background-color: cyan;
    .center { 
        width: 200px;
        height: 200px;
        background-color: red;
        .inner{
            width: 100px;
            height: 100px;
            background-color:greenyellow;
        }
    }
}


//引用父级元素
//通过一个&引入父级的元素
.box {
    width: 100px;
    height: 100px;
    background:purple;
    &:hover{
        background-color: pink;
    }
}
